{template common/header}
<div class="container">
	<div class="starindex-header">
		<div class="span9">
			<img src="{baseurl}themes/puzzing/img/staruser_hd.gif"/>
		</div>
		<div class="span3 ml0" style="line-height: 150px;">
			<a href="javascript:;" data-action="applyOpen" data-params="star" class="apply-button ml10"><span>{lang staruser_apply}</span></a>
		</div>
	</div>
</div> 
<div class="container mt20" style="height: 38px;"> 
	<div class="subnav">
	    <ul class="nav nav-pills">
	    {loop $starcateogries $starcate}
	      <li><a href="#{$starcate['category_id']}">{$starcate['category_name']}</a></li>
	    {/loop}
	    </ul>
	  </div>
</div>
{loop $startuser_cates $staruser_cate}
<div class="container home-staruser home-title" style="padding-top: 40px;" id="$staruser_cate['category']['category_id']">
	<h3 class="special">
		<span class="special-flag special-featured">{$staruser_cate['category']['category_name']}</span>
	</h3>
	{loop $staruser_cate['staruser'] $index $staruser}
	{if $index<2}
	<div class="span6 star-with-pic {if $index==0}ml0{/if}">
		<div class="star-info">
			<dl class="cls">
				<dt class="pull-left">
					<a  href="{url home/user?uid=$staruser['user_id']}" data-user-id="{$staruser['user_id']}" data-user-profile="1" class="user-headimage">
						<img src="{avatar($staruser['user_id'], 'large')}" class="avatar photo-middle" alt="{$staruser['nickname']}">
					</a>
					{$staruser['relation_view']}
				</dt>
				<dd>
					<p class="name">
						<strong>
						<a href="{url home/user?uid=$staruser['user_id']}"  title="{$staruser['bio']}">{$staruser['nickname']}</a>
						</strong>
					</p>
					<p class="auth" title="{$staruser_cate['category']['category_name']}">{$staruser_cate['category']['category_name']}  {$staruser['user_title']}</p>
					<p class="desc" title="{$staruser['star_reason']}">{lang recommend_reason}: {$staruser['star_reason']}</p>
					<p class="love"><em class="num">{$staruser['total_like']}</em>{lang like}</p>
				</dd>
			</dl>
		</div>
		<div class="star-pic">
			{$staruser['star_view']}
		</div>
	</div>
	{else}
			<div class="span3 star-info {if $index%4==0}ml0{/if}">
				<dl class="cls">
					<dt>
						<a href="{url home/user?uid=$staruser['user_id']}"  class="user-headimage" data-user-id="{$staruser['user_id']}" data-user-profile="1" >
							<img src="{avatar($staruser['user_id'], 'large')}" class="avatar photo-middle" alt="{$staruser['nickname']}">
						</a>
					</dt>
					<dd>
						<p class="name">
							<strong>
								<a href="{url home/user?uid=$staruser['user_id']}"  title="{$staruser['bio']}">{$staruser['nickname']}</a>
							</strong>
						</p>
						<p class="desc" title="{$staruser_cate['category']['category_name'].' '.$staruser['user_title']}">{$staruser['user_title']}</p>
						{$staruser['relation_view']}
					</dd> 
				</dl>
			</div>
	{/if}
	{/loop}
</div>
{/loop}
{template common/footer}
